<template lang="pug">
  div(v-if="props.pullUpLoad"
  class="cube-pullup-wrapper"
  v-bind:style="props.pullUpStyle")
    div(v-if="props.beforePullUp"
    class="before-trigger"
    v-bind:style="{paddingTop: props.bubbleY + 'px'}")
      span(v-bind:class="{rotate: props.bubbleY < -40}") ↑
    div(class="after-trigger" v-else)
      div(v-if="props.isPullUpLoad" class="loading")
        cube-loading
      div(v-else)
        span Refresh success OK!
</template>
<script type="text/ecmascript-6">
  export default {
    props: {
      props: {
        type: Object
      }
    }
  }
</script>
<style scoped lang="stylus" type="text/stylus">
</style>
